<#include "/common/com.html" /> <@layout>
<head>
<link rel="stylesheet" href="${ctx}/static/assets/css/ace.min.css" />
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<link rel="stylesheet" type="text/css" href="${ctx}/static/music/css/inlineplayer.css" />
<script type="text/javascript" src="${ctx}/static/music/js/soundmanager2-jsmin.js"></script>
<script type="text/javascript" src="${ctx}/static/music/js/inlineplayer.js"></script>

</head>

<style>
p {
	font-size: 20px;
	font-family: "Microsoft Yahei", "黑体", monospace;
}

</style>
<script>
if(/Android (\d+\.\d+)/.test(navigator.userAgent)){
	var version = parseFloat(RegExp.$1);
	if(version>2.3){
		var phoneScale = parseInt(window.screen.width)/640;
		document.write('<meta name="viewport" content="width=640, minimum-scale = '+ phoneScale +', maximum-scale = '+ phoneScale +', target-densitydpi=device-dpi">');
	}else{
		document.write('<meta name="viewport" content="width=640, target-densitydpi=device-dpi">');
	}
}else{
	document.write('<meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">');
}
//微信去掉下方刷新栏
if(navigator.userAgent.indexOf('MicroMessenger') >= 0){
	document.addEventListener('WeixinJSBridgeReady', function() {
		//WeixinJSBridge.call('hideToolbar');
	});
}

</script>
<script>
	function edit() {
		var id = $("#id").attr("value")
		var url = "${ctx}/wxContent/edit?id=" + id;
		window.location.href = url;
	}
	function dels(obj) {
		var url = '${ctx}/wxContent/delete/';
		$('#myform').form('submit', {
			url : url,
			onSubmit : function() {
			},
			success : function(data) {
				// 回填页面
				alert(data);
			}
		});
	}
</script>
<body >
	<div class="ace-settings-container" id="ace-settings-container"
	style="top: 6%">
	<div class="btn btn-app btn-small btn-primary ace-settings-btn"
		id="ace-settings-btn" >
		<i class="icon-cog bigger-150" ></i>功能模板
	</div>
	<div class="ace-settings-box" id="ace-settings-box" 
		style="width: 200px;border: 2px solid rgb(63, 150, 212)">
		<form class="form-horizontal">
		</br>
			<div class="control-group">
				<div style="white-space: nowrap;">
					<div class="dropdown dropdown-colorpicker">
						<div class="btn-group">
							<button data-toggle="dropdown" id="colobtn"
								class=" btn-large dropdown-toggle btn-block"
								style="background-color: #fad165; border-color: #fad165">
								字&nbsp;体&nbsp;颜&nbsp;色&nbsp;选&nbsp;择 <i class="icon-angle-down icon-on-right"></i>
							</button>
							<ul class="dropdown-menu dropdown-success pull-right">
								<li class="colorpick-btn" style="background-color: #a47ae2;"><a
									data-color="#a47ae2" class="colorpick-btn" href="#">&nbsp;
								</a></li>
								<li class="colorpick-btn" style="background-color: #555;"><a
									data-color="#555" class="colorpick-btn" href="#">&nbsp; </a></li>
								<li class="colorpick-btn" style="background-color: #000000;"><a
									data-color="#000000" class="colorpick-btn selected" href="#">&nbsp;
								</a></li>
								<li class="colorpick-btn" style="background-color: #f691b2;"><a
									data-color="#f691b2" class="colorpick-btn" href="#">&nbsp;
								</a></li>
								<li class="colorpick-btn" style="background-color: #ac725e;"><a
									data-color="#ac725e" href="#">&nbsp; </a></li>
								<li class="colorpick-btn" style="background-color: #d06b64;"><a
									data-color="#d06b64" href="#">&nbsp; </a></li>
								<li class="colorpick-btn" style="background-color: #f83a22;"><a
									data-color="#f83a22" href="#">&nbsp; </a></li>
								<li class="colorpick-btn" style="background-color: #fa573c;"><a
									data-color="#fa573c" class="colorpick-btn" href="#">&nbsp;
								</a></li>
								<li class="colorpick-btn" style="background-color: #ff7537;"><a
									data-color="#ff7537" class="colorpick-btn" href="#">&nbsp;
								</a></li>
								<li class="colorpick-btn" style="background-color: #ffad46;"><a
									data-color="#ffad46" class="colorpick-btn" href="#">&nbsp;
								</a></li>
								<li class="colorpick-btn" style="background-color: #42d692;"><a
									data-color="#42d692" class="colorpick-btn" href="#">&nbsp;
								</a></li>
								<li class="colorpick-btn" style="background-color: #16a765;"><a
									data-color="#16a765" class="colorpick-btn" href="#">&nbsp;
								</a></li>
								<li class="colorpick-btn" style="background-color: #7bd148;"><a
									data-color="#7bd148" class="colorpick-btn" href="#">&nbsp;
								</a></li>
								<li class="colorpick-btn" style="background-color: #b3dc6c;"><a
									data-color="#b3dc6c" class="colorpick-btn" href="#">&nbsp;
								</a></li>
								<li class="colorpick-btn" style="background-color: #fbe983;"><a
									data-color="#fbe983" class="colorpick-btn" href="#">&nbsp;
								</a></li>
								<li class="colorpick-btn" style="background-color: #fad165;"><a
									data-color="#fad165" class="colorpick-btn" href="#">&nbsp;
								</a></li>
								<li class="colorpick-btn" style="background-color: #92e1c0;"><a
									data-color="#92e1c0" class="colorpick-btn" href="#">&nbsp;
								</a></li>
								<li class="colorpick-btn" style="background-color: #9fe1e7;"><a
									data-color="#9fe1e7" class="colorpick-btn" href="#">&nbsp;
								</a></li>
								<li class="colorpick-btn" style="background-color: #9fc6e7;"><a
									data-color="#9fc6e7" class="colorpick-btn" href="#">&nbsp;
								</a></li>
								<li class="colorpick-btn" style="background-color: #4986e7;"><a
									data-color="#4986e7" class="colorpick-btn" href="#">&nbsp;
								</a></li>
								<li class="colorpick-btn" style="background-color: #9a9cff;"><a
									data-color="#9a9cff" class="colorpick-btn" href="#">&nbsp;
								</a></li>
								<li class="colorpick-btn" style="background-color: #b99aff;"><a
									data-color="#b99aff" class="colorpick-btn" href="#">&nbsp;
								</a></li>
								<li class="colorpick-btn" style="background-color: #c2c2c2;"><a
									data-color="#c2c2c2" class="colorpick-btn" href="#">&nbsp;
								</a></li>
								<li class="colorpick-btn" style="background-color: #cabdbf;"><a
									data-color="#cabdbf" class="colorpick-btn" href="#">&nbsp;
								</a></li>
								<li class="colorpick-btn" style="background-color: #cca6ac;"><a
									data-color="#cca6ac" class="colorpick-btn" href="#">&nbsp;
								</a></li>
								<li class="colorpick-btn" style="background-color: #FFFFFF;"><a
									data-color="#FFFFFF" class="colorpick-btn" href="#">&nbsp;
								</a></li>
								<li class="colorpick-btn" style="background-color: #cd74e6;"><a
									data-color="#cd74e6" class="colorpick-btn" href="#">&nbsp;
								</a></li>
							
							</ul>
						</div>
					</div>
				</div>
			</div>
	</br>
			<div class="control-group">
				<a class="btn btn-app btn-info btn-small" onclick="chooseImage()">
				上传图片
				</a>
						<a href="#myModal" role="button" class="btn btn-app btn-success btn-small" data-toggle="modal">
				文字编辑
				</a>
			</div>	
			</br>
			<div class="control-group">
				<a class="btn btn-app btn-pink btn-small" onmousedown="startRecord()">
					 录制声音
				</a> <a class="btn btn-app btn-light btn-small" onclick="stopRecord()">
					停止录音
				</a>
			</div>	
				</br>
			<div class="control-group">
				<a class="btn btn-primary btn-block"  href="#myModala" role="button"  data-toggle="modal">制作完成</a>
			</div>
		</form>
	</div>
	</br> </br> </br> </br> </br> </br> </br>
</div>
	<div <#if  (viewmb)=="5"> style="background-image: url('${ctx}/img/new/20150216151150.png')"</#if>>
	<div <#if  (viewmb)=="5">
					style="height: 34.027777777778%; width: 100%; top: 31.746031746032%; left: 0%; -webkit-animation-delay: 0s;"
	</#if>>
		<#if  (viewmb)=="5">
		<img src="${ctx}/img/new/lu00B0fUhIK0wmoG9A0bbW4GM8g4wj.png"
						style="width: 100%; height: 100%;" />	</#if>
	<#if  (viewmb)!="5">
		<div class="row-fluid">
			<div class="span12">
				<div style="text-align: center">
					<p class="alert alert-info">
						&nbsp;&nbsp; <a href="#" class="btn btn-danger btn-small"
							onclick="dels();">返回</a> 
					</p>
				</div>
		
			</div>
		</div></#if>
	</div>
	<#if  (viewmb)=="0">
	<div class="hr dotted" style="background: #2283C5"></div>
	<div class="widget-header header-color-blue" style="margin:0 10 0 10;"></div>
	</#if>
	<#if  (viewmb)=="1">
	<div class="hr dotted" style="background: #FFB247"></div>
	<div class="widget-header header-color-orange" style="background: #FFB247;margin:0 10 0 10;"></div>
	</#if>
	<#if  (viewmb)=="2">
	<div class="hr dotted" style="background: #D15B47"></div>
	<div class="widget-header  header-color-red3"  style="margin:0 10 0 10;"></div>
	</#if>
	<#if  (viewmb)=="3">
	<div class="hr dotted" style="background: #555555;"></div>
	<div class="widget-header header-color-dark" style="background: #555555;margin:0 10 0 10;"></div>
	</#if>
	
	<#if  (viewmb)=="5">
	<div class="hr dotted" style="background: #C1001D;"></div>
	<div class="widget-header " style="background: #C1001D;margin:0 10 0 10;border: 1px solid #C1001D;"></div>
	</#if>
	<div class="widget-body" style="margin:0 10 0 10;<#if  (viewmb)=="5">border: 1px solid #C1001D;</#if>" >
		<div class="widget-main" <#if  (viewmb)=="5"> style="background-image: url('${ctx}/img/new/20150216151150.png')" </#if>>
				<div class="text" id="sorttable">
				</div>
		</div>
	</div>
	</br>
	<div>
		<#if  (viewmb)??>
	<#if  (viewmb)=="0">
	<a class="btn btn-primary  btn-block"
				href="http://mp.weixin.qq.com/s?__biz=MzAxODIwNDc2MQ==&mid=206519374&idx=1&sn=18a0b948284496ae7c691ca9298d9102&ptlang=2052&ADUIN=253154298&ADSESSION=1423820394&ADTAG=CLIENT.QQ.5389_.0&ADPUBNO=26441#rd">
				我也要制作
			</a>
	</#if>
	<#if  (viewmb)=="1">
	<a class="btn btn-warning  btn-block" 
				href="http://mp.weixin.qq.com/s?__biz=MzAxODIwNDc2MQ==&mid=206519374&idx=1&sn=18a0b948284496ae7c691ca9298d9102&ptlang=2052&ADUIN=253154298&ADSESSION=1423820394&ADTAG=CLIENT.QQ.5389_.0&ADPUBNO=26441#rd">
				我也要制作
			</a>
	</#if>
	<#if  (viewmb)=="2">
<a class="btn btn-danger  btn-block"
				href="http://mp.weixin.qq.com/s?__biz=MzAxODIwNDc2MQ==&mid=206519374&idx=1&sn=18a0b948284496ae7c691ca9298d9102&ptlang=2052&ADUIN=253154298&ADSESSION=1423820394&ADTAG=CLIENT.QQ.5389_.0&ADPUBNO=26441#rd">
				我也要制作
			</a>
	</#if>
	<#if  (viewmb)=="3">
	<a class="btn btn-inverse  btn-block"
				href="http://mp.weixin.qq.com/s?__biz=MzAxODIwNDc2MQ==&mid=206519374&idx=1&sn=18a0b948284496ae7c691ca9298d9102&ptlang=2052&ADUIN=253154298&ADSESSION=1423820394&ADTAG=CLIENT.QQ.5389_.0&ADPUBNO=26441#rd">
				我也要制作
			</a>
	</#if>
		<#if  (viewmb)=="5">
	<a class="btn-block" style="height:34px;background:#C1001D;
	border-color: #C1001D;font-size:20px;font-family: Microsoft Yahei;text-decoration:none; 
	text-align:center;line-height:25px; color:white;"
				href="http://mp.weixin.qq.com/s?__biz=MzAxODIwNDc2MQ==&mid=206519374&idx=1&sn=18a0b948284496ae7c691ca9298d9102&ptlang=2052&ADUIN=253154298&ADSESSION=1423820394&ADTAG=CLIENT.QQ.5389_.0&ADPUBNO=26441#rd">
				我也要制作
			</a>
	</#if>
	</#if>
	</div>
	<!-- /.span -->
	</div>
<div id="myModal" class="modal hide span12 " role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true" >
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal"
				aria-hidden="true">×</button>
			<h5 id="myModalLabel">文字编辑</h5>
		</div>
		<div class="modal-body">
			<div class="">
				<textarea class="autosize-transition span6" name="nra" id="nra"  placeholder="请输入文字内容"></textarea>
			</div>
		</div>
		<div class="modal-footer">
			<button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
			<button class="btn btn-primary"  onclick="editwz()" data-dismiss="modal" aria-hidden="true">保存</button>
		</div>
	</div>

<!--  确定或者制作下一项 -->
	<div id="myModala" class="modal hide span12 " role="dialog"
		aria-labelledby="myModalLabela" aria-hidden="true">
			<div class="modal-header" style="height:20px">
			<button type="button" class="close" data-dismiss="modal"
				aria-hidden="true">×</button>
			<h5 id="myModalLabela">确定制作</h5>
		</div>
		<div class="modal-body" style="padding:1px" >
		</br>
				标题：	
		<input type="text" name="btmcs" id="btmcs"  placeholder="请输入标题"
		style="height:50px" maxlength="20" class="autosize-transition span6">
		</br>	</br>
		</div>
		<div class="modal-footer"
			style="text-align: center; padding-top: 20px;">
<!-- 			<a class="btn" href="#" data-dismiss="modal" aria-hidden="true" onclick="nexts();">制作下一页</a>
 -->			<a href="#" class="btn btn-primary" 
				 onclick="saves()">保存预览</a>
		</div>
	</div>
</div>
<form id="myform" method="post">
<input type="hidden" name="content" id="content">
<input type="hidden" name="type" id="type" value="${(type)!}">
<input type="hidden" name="picurl" id="picurl">
<input type="hidden" name="title" id="title">
<input type="hidden" name="musicurl" id="musicurl">
<input type="hidden" name="picurl" id="picurl">
<input type="hidden" name="yxbz" id="yxbz" value="0">
<input type="hidden" name="fromuser" id="fromuser" value="${(fromuser)!}">
</form>

<input type="hidden" name="colors" id="colors" >
<form id="forms" >
<input type="hidden" name="medaid" id="medaid" >
</form>
</body>
<script>
function dels(){
	WeixinJSBridge.invoke('closeWindow', {},
			function(res) {
			});
}

jQuery(function($) {
	//不屏蔽分享按钮

	 $("#sorttable").sortable({
			opacity:0.8,
			revert:true,
			forceHelperSize:true,
			forcePlaceholderSize:true,
			placeholder: ' alert-danger',
			tolerance:'pointer'
	    });
});
function cz(){
$("p").dblclick(function(e){
 	/*  var nr = $(e.target).text(); 
	 $('#myModal').modal('show');
	 $("#nra").attr("value",nr);
	  */
	  if(confirm("需要删除此数据吗？"))
	   {
		  $(e.target).remove();
	   }
});
}


function editwz(){
	var nra=$("#nra").val();
	$("#nra").val("");
	var color=$("#colors").val();
	$("#sorttable").append("<p bs='text'  style='color:"+color+"'>"+nra+"</p>");
	cz();
	  shorts();
}

$(".colorpick-btn").click(function(e){
	 var co = $(e.target).attr('data-color'); 
	//  $(".colorpick-btn").removeClass("selected");
	//  $(e.target).attr("class",'colorpick-btn selected'); 
	  $("#colobtn").css({"background-color":co,"border-color":co});
	  $("#colors").attr("value",co);
//	  $("#nrs").css({"color":co}); */
});

function saves(){
	var btmc=$("#btmcs").val();
	if(btmc==""){
		alert("请输入标题名称！");
		return;
	}
	var content=$("#sorttable").html();
	if(content==""){
		alert("没有内容！请输入。");
		return;
	}
	$("#title").attr("value",btmc);
	$("#content").attr("value",content);
	  var urla = '${ctx}/wxContent/saveform/';
      $('#myform').form('submit', {
          url : urla,
          onSubmit : function() {
          },
          success : function(data) {
              // 回填页面
              if(data!="0"){
            	  alert("制作成功！");
          		window.location.href="${ctx}/wxContent/view/"+ data  ;
              } else {
            	  alert("制作失败！");
              }
          }
      });
}
</script>

<script>

//5 图片接口
// 5.1 拍照、本地选图
var images = {
  localId: [],
  serverId: []
};
function chooseImage(){
    wx.chooseImage({
        success: function (res) {
          images.localId = res.localIds;
          uploadImage();
          alert('已选择 ' + res.localIds.length + ' 张图片');
        }
      });
}

//预览图片接口
wx.previewImage({
    current: '', // 当前显示的图片链接
    urls: [] // 需要预览的图片链接列表
});
//上传图片接口
//5.3 上传图片
function uploadImage(){
	if (images.localId.length == 0) {
		alert("请先选择图片或者拍照！");
		return;
	  }
	  var i = 0, length = images.localId.length;
	  images.serverId = [];
	  function upload() {
	    wx.uploadImage({
	      localId: images.localId[i],
	      success: function (res) {
	    	  $("#medaid").attr("value",res.serverId);
	    	  var urla = '${ctx}/wxContent/getimg/';
	          $('#forms').form('submit', {
	              url : urla,
	              onSubmit : function() {
	              },
	              success : function(data) {
	            	  i++;
	              //    alert('已上传：' + i + '/' + length);
	                  // 回填页面
	                  var htm="<p bs='img'> <img  src='${ctx}" + data+"'  > </p>"
	                	$("#sorttable").append(htm);
	                  	$("#picurl").attr("value","${ctx}"+data);
	                	 images.serverId.push(res.serverId);
	                	  shorts();
	                     if (i < length) {
	                       upload();
	                     } else {
	   	                  images.localId.length=0;
	                     }
	              }
	          });
//	        alert('已上传：' + i + '' + length);
	    //    images.serverId.push(res.serverId);
//	        if (i < length) {
//	          upload();
//	        }
	        
	      },
	      fail: function (res) {
	        alert(JSON.stringify(res));
	      }
	    });
	 }
	  upload();
}

//下载图片接口

wx.downloadImage({
    serverId: '', // 需要下载的图片的服务器端ID，由uploadImage接口获得
    isShowProgressTips: 1, // 默认为1，显示进度提示
    success: function (res) {
        var localId = res.localId; // 返回图片下载后的本地ID
    }
});
//音频接口
//3.1 识别音频并返回识别结果

//3 智能接口
var voice = {
  localId: '',
  serverId: ''
};
// 4 音频接口
// 4.2 开始录音
function startRecord(){
	  wx.startRecord({
		  });
}

// 4.3 停止录音
function stopRecord(){
	  wx.stopRecord({
		    success: function (res) {
			    voice.localId = res.localId;
		    	uploadVoice();
		    },
		    fail: function (res) {
		      alert(JSON.stringify(res));
		    }
		  });
}


// 4.4 监听录音自动停止
wx.onVoiceRecordEnd({
  complete: function (res) {
    voice.localId = res.localId;
    alert('录音时间已超过一分钟');
  }
});

// 4.5 播放音频
function playVoice(){
	  if (voice.localId == '') {
		    alert('请先录制一段声音');
		    return;
		  }
		  wx.playVoice({
		    localId: voice.localId
		  });
}


// 4.6 暂停播放音频
function pauseVoice(){
	  wx.pauseVoice({
		    localId: voice.localId
		  });
}


// 4.7 停止播放音频
function stopVoice(){
	  wx.stopVoice({
		    localId: voice.localId
		  });
}


// 4.8 监听录音播放停止
wx.onVoicePlayEnd({
  complete: function (res) {
    alert('录音（' + res.localId + '）播放结束');
  }
});

// 4.8 上传语音
function uploadVoice(){
	  if (voice.localId == '') {
		    alert('请先录制一段声音');
		    return;
		  }
		  wx.uploadVoice({
		    localId: voice.localId,
		    success: function (res) {
		      alert('上传语音成功' );
		      voice.serverId = res.serverId;
	    	  $("#medaid").attr("value",res.serverId);
		      var urla = '${ctx}/wxContent/getvoice/';
	          $('#forms').form('submit', {
	              url : urla,
	              onSubmit : function() {
	              },
	              success : function(data) {
	                  // 回填页面
	              //    alert(data);
	                 var htm="<ul class='graphic'><p><li><a   href='${ctx}"+data+"'   >点击播放音频</a></li></p></ul>"
	                  $("#sorttable").append(htm);
	    	    	  $("#medaid").attr("value","");
	                  voice.localId="";
	                  shorts();
	                  new InlinePlayer();
	              }
	          });
		    }
		  });
}


//地理位置

//使用微信内置地图查看位置接口

wx.openLocation({
    latitude: 0, // 纬度，浮点数，范围为90 ~ -90
    longitude: 0, // 经度，浮点数，范围为180 ~ -180。
    name: '', // 位置名
    address: '', // 地址详情说明
    scale: 1, // 地图缩放级别,整形值,范围从1~28。默认为最大
    infoUrl: '' // 在查看位置界面底部显示的超链接,可点击跳转
});
//获取地理位置接口
wx.getLocation({
    success: function (res) {
        var latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
        var longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
        var speed = res.speed; // 速度，以米/每秒计
        var accuracy = res.accuracy; // 位置精度
    }
});
</script>
<script>
wx.config({
    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
    appId: '${(appId)!}', // 必填，公众号的唯一标识
    timestamp:'${(timestamp)!}' , // 必填，生成签名的时间戳
    nonceStr: '${(nonceStr)!}', // 必填，生成签名的随机串
    signature: '${(signature)!}',// 必填，签名，见附录1
    jsApiList: ['startRecord','stopRecord','onVoiceRecordEnd','onMenuShareTimeline',
                'onMenuShareAppMessage','onMenuShareQQ','onMenuShareWeibo',
                'playVoice','pauseVoice','stopVoice','onVoicePlayEnd','uploadVoice',
                'downloadVoice','chooseImage','previewImage','uploadImage',
                'downloadImage','translateVoice','getNetworkType','openLocation',
                'getLocation','hideOptionMenu','showOptionMenu','hideMenuItems',
                'showMenuItems','hideAllNonBaseMenuItem','showAllNonBaseMenuItem',
                'closeWindow','scanQRCode','chooseWXPay'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
});

</script>
 <script type="text/javascript">
    var timer;
    $(function(){
        $(window).scroll(function(){
            clearInterval(timer);
            var topScroll=getScroll();
            var topDiv="200px";
            var top=topScroll+parseInt(topDiv);
            timer=setInterval(function(){
                    //$(".test").css("top", top+"px");
                     $("#ace-settings-container").animate({"top":top},200);
            },200)
        })
    })
    function getScroll(){
             var bodyTop = 0;  
             if (typeof window.pageYOffset != 'undefined') {  
                     bodyTop = window.pageYOffset;  
             } else if (typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat') {  
                     bodyTop = document.documentElement.scrollTop;  
             }  
             else if (typeof document.body != 'undefined') {  
                     bodyTop = document.body.scrollTop;  
             }  
             return bodyTop
    }
    function  shorts(){
    	$("#sorttable").sortable({
			opacity:0.8,
			revert:true,
			forceHelperSize:true,
			forcePlaceholderSize:true,
			placeholder: ' alert-danger',
			tolerance:'pointer'
	    });
    }
    

    </script>

</@layout>
